:global {
  .bg-modal {
    * {
      &::-webkit-scrollbar {
        width: 6px;
      }

      &::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 10px;
      }

      &::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 0;
      }
    }

    .new5Tstyle-v1-modal {
      position: relative;
      color: red;
      box-shadow: none !important;

      .new5Tstyle-v1-modal-content {
        border-radius: 40px !important;
        box-shadow: none !important;

        .new5Tstyle-v1-modal-close {
          top: 20px;
          right: 20px;
          z-index: 200;
        }

        .new5Tstyle-v1-modal-body {
          padding: 0 24px;

          &::before {
            width: 48px !important;
            height: 48px !important;
            background-image: url("../../../public/images/左上角.png");
            background-size: 100% 100% !important;
            border: none !important;
          }

          &::after {
            width: 48px !important;
            height: 48px !important;
            background-image: url("../../../public/images/右上角.png");
            background-size: 100% 100% !important;
            border: none !important;
          }

          /* 搜索框label */
          .new5Tstyle-v1-form label {
            color: #d9dce3;
            font-size: 14px;
          }

          /* 搜索框边框圆角 */
          .new5Tstyle-v1-card {
            border-radius: 0;
          }

          .new5Tstyle-v1-pagination-item-ellipsis {
            border-radius: 2px;
          }
        }

        .new5Tstyle-v1-table-tbody > tr {
          &:hover td {
            background-color: rgb(5, 9, 110) !important;
          }
        }

        .new5Tstyle-v1-table-tbody > tr > td {
          background-color: #0d214e !important;
        }

        .new5Tstyle-v1-modal-header {
          .new5Tstyle-v1-modal-title {
            position: relative;
            z-index: 100;
          }

          &::before {
            position: absolute;
            top: -1px;
            left: 47px;
            display: block;
            width: calc(100% - 94px);
            height: 48px;
            background-image: url("../../../public/images/上边框.png");
            background-size: 100% 100%;
            border: none;
            content: "";
          }

          &::after {
            position: absolute;
            bottom: -1px;
            left: 47px;
            display: block;
            width: calc(100% - 94px);
            height: 48px;
            background-image: url("../../../public/images/下边框.png");
            background-size: 100% 100%;
            border: none;
            content: "";
            z-index: 10;
          }
        }

        &::before {
          width: 48px !important;
          height: 48px !important;
          background-image: url("../../../public/images/左下角.png");
          background-size: 100% 100% !important;
          border: none !important;
          z-index: 10;
        }

        &::after {
          width: 48px !important;
          height: 48px !important;
          background-image: url("../../../public/images/右下角.png");
          background-size: 100% 100% !important;
          border: none !important;
        }
      }

      .new5Tstyle-v1-modal-footer {
        &::before {
          position: absolute;
          top: 47px;
          left: -1px;
          width: 48px;
          height: calc(100% - 94px);
          background-image: url("../../../public/images/左边框.png");
          background-size: 100% 100%;
          border: none;
          content: "";
        }

        &::after {
          position: absolute;
          top: 47px;
          right: -1px;
          width: 48px;
          height: calc(100% - 94px);
          background-image: url("../../../public/images/右边框.png");
          background-size: 100% 100%;
          border: none;
          content: "";
        }
      }
    }

    .new5Tstyle-v1-tabs-tab-active {
      .new5Tstyle-v1-tabs-tab-btn {
        color: #23fff6 !important;
      }
    }

    .new5Tstyle-v1-tabs-ink-bar-animated {
      background: linear-gradient(
        270deg,
        rgba(35, 255, 246, 0) 0%,
        #23fff6 50%,
        rgba(35, 255, 246, 0) 100%
      );
    }

    .new5Tstyle-v1-tabs-nav {
      &::before {
        display: none;
      }
    }

    .new5Tstyle-v1-slider-track {
      height: 12px;
      top: 0;
      background: #113485;
    }

    .new5Tstyle-v1-slider-rail {
      height: 12px;
      top: 0;
      background: #33446a;
    }
  }

  // 历史趋势图的下拉框样式
  .bg-autofactory-modal {
    :global {
      @bg-color: #1a2d57;
      @bg-select-color: rgb(13, 33, 78);

      // 筛选按钮样式
      .new5Tstyle-v1-dropdown-trigger {
        color: #fff;
      }

      // 下拉框容器样式
      .new5Tstyle-v1-dropdown-menu {
        background-color: #1a2d57;
        padding: 4px;
        margin-top: 4px;
        border: none;

        // 下拉选项样式
        .new5Tstyle-v1-dropdown-menu-item {
          padding: 5px 12px;
          color: #fff;

          &:hover {
            background-color: rgb(13, 33, 78);
          }

          // 选中状态
          &-selected {
            background-color: rgb(13, 33, 78);
          }

          // Checkbox样式
          .new5Tstyle-v1-checkbox-wrapper {
            color: #fff;

            .new5Tstyle-v1-checkbox-inner {
              background-color: transparent;
              border-color: #4d5c7d;
            }

            &.new5Tstyle-v1-checkbox-checked .new5Tstyle-v1-checkbox-inner {
              background-color: #1890ff;
              border-color: #1890ff;
            }
          }
        }
      }

      // 底部按钮区域
      .new5Tstyle-dropdown-btns {
        border-top: 1px solid #4d5c7d;
        padding: 7px 8px;

        // 按钮样式
        .new5Tstyle-v1-btn {
          background: transparent;
          border-color: #4d5c7d;
          color: #fff;

          &:hover {
            background: rgb(13, 33, 78);
          }

          &.new5Tstyle-v1-btn-primary {
            background: #1890ff;
            border-color: #1890ff;

            &:hover {
              background: #40a9ff;
            }
          }
        }
      }
      .new5Tstyle-v1-dropdown-menu {
        background-color: @bg-color;

        .new5Tstyle-v1-dropdown-menu-item {
          color: #fff;

          // border-bottom: 1px solid #33446A;
          &:hover {
            background-color: @bg-select-color;
          }

          .new5Tstyle-v1-radio-input {
            width: 6px;
            height: 6px;
          }
        }

        .new5Tstyle-v1-dropdown-menu-item-selected {
          background-color: @bg-select-color;
        }
      }
    }

    .new5Tstyle-v1-table-filter-dropdown-btns {
      border-top: 1px solid #4d5c7d;
    }
  }
}

:global(.ant-design-pro) {
  height: 100%;
}
